<template>
  <div class="footer-main">
    <div class="footer-box">
      <p>
        <el-tooltip class="item" effect="dark" content="访问站长博客">
          <a href="http://wpa.qq.com/msgrd?v=3&uin=846506584&site=qq&menu=yes">店主博客</a>
        </el-tooltip><el-tooltip class="item" effect="dark" content="联系站长QQ">
        <a href="http://wpa.qq.com/msgrd?v=3&uin=846506584&site=qq&menu=yes">QQ</a>
      </el-tooltip>
        <el-tooltip class="item" effect="dark" content="访问站长码云">
          <a href="https://gitee.com/tangxiaowen_com/rh_tangxiaowen_web">gitee源码</a>
        </el-tooltip>
      </p>
      <p>© 2020 如花导购 ◇ 极致生活</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "v-footer"
}
</script>

<style scoped>
.footer-main{
  width: 100%;
  display: flex;
  justify-content: center;
  background: #1c1f21;
}
.footer-box{
  width: 1200px;
  height: 70px;
  padding:10px 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-box p,a{
  font-size: 14px;
  color: white;
  padding: 5px;
}


</style>